This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@primer/react@38.27.0

Minor Changes

• #7900 49a546f Thanks @mattcosta7! - PageLayout.Sidebar (and SplitPageLayout.Sidebar): add controlled-width support via currentWidth + onResizeEnd, matching the discriminated-union API already on PageLayout.Pane. The underlying usePaneWidth hook already supported these options; this wires them through the component's prop surface. Existing usage is unchanged — the props are opt-in and the uncontrolled (default or widthStorageKey-backed) behavior is preserved exactly.

• #7906 adc5299 Thanks @jonrohan! - Text: Add whiteSpace prop to control the CSS white-space property

Patch Changes

• #7915 f58e448 Thanks @jonrohan! - Dialog: Fix Escape key not closing the dialog on the first keypress when the close button is focused

• #7908 e9a2254 Thanks @jonrohan! - KeybindingHint: display the Meta key correctly on platforms other than macOS and Windows. The Meta, Alt, and Mod keys are now resolved based on the detected platform: Apple platforms (macOS and iOS) show ⌘/⌥, Windows shows Win, and all other platforms show Meta/Alt.

• #7894 af4541d Thanks @mattcosta7! - ActionList: Replace :has(...) selectors on ActionList.Item, InactiveButtonWrap, and TrailingActionButton with JS-derived data attributes (data-has-trailing-action, data-trailing-action-loading, data-position, data-has-label). Reduces style-recalculation cost on lists that render many items. No visual or behavioral changes.

• #7899 9659ce7 Thanks @mattcosta7! - TreeView: make rows safer to use with contain: paint / content-visibility: auto and reduce style-recalc cost on hover/focus in large trees. No visual or layout changes; all changes are either invisible at the default rendering or behind an opt-in CSS containment property the consumer sets.

  • The current-item indicator (positioned at left: -8px of the row container) was being clipped when a consumer applied contain: paint to the <li> or when the documented containIntrinsicSize prop on TreeView.Item triggered content-visibility: auto on the row container — including for current items. Both .TreeViewItem and .TreeViewItemContainer now declare overflow-clip-margin: var(--base-size-8), which extends the paint-clip edge by 8px on the side the indicator paints. The property is a no-op when no paint containment is active, so default rendering is byte-identical.
  • Skeleton-row hover suppression no longer relies on :has(.TreeViewItemSkeleton), which forced subtree invalidation on every row. LoadingItem now communicates with the placeholder Item via a module-private context that emits a positive data-loading attribute on the <li>, and the CSS selector targets that directly. No new public prop.
  • Nesting indicator lines no longer use a root-scope :hover/:focus-within descendant selector. Color is driven by an inherited --tree-line-color custom property set on the root <ul>, so a hover or focus change inside the tree updates one property on one element instead of re-matching .TreeViewItemLevelLine selectors against every level line in the tree.
  • Fixed a unitless outline-offset: -2 in the forced-colors focus-ring fallback that browsers were silently dropping (so forced-colors users now actually get a focus indicator on tree items).
  • .TreeViewItemContainer's grid-template-columns now declares the trailingAction column explicitly (auto) so it matches the 5-area grid-template-areas declaration (previously the trailing column was implicit auto).